@(id: Long, utilisateurQcmForm: Form[UtilisateurQcm])
@header()

@import helper._

@implicitFieldConstructor = @{ FieldConstructor(twitterBootstrapInput.render) } 

@main("editUtilisateurQcm") {
	  
    @form(routes.AdminUtilisateurQcm.updateUtilisateurQcm(id)) {
    	<div class="bs-docs-example" >
    	
    	<div class="bs-docs-example-after" >
    	Etape 1 sur 1
    	</div>
     
     	<legend> Modifier un utilisateurQcm </legend>
     	
        <fieldset>
        <br>
        @select(
                utilisateurQcmForm("utilisateur.idUtilisateur"), 
                options(Utilisateur.options2), 
                '_label -> "Utilisateur qui a passe le QCM", '_default -> "-- Choisir un utilisateur --",
                '_showConstraints -> false
            )
            
            @select(
                    utilisateurQcmForm("qcm.idQcm"), 
                    options(Qcm.options), 
                    '_label -> "QCM passe", '_default -> "-- Choisir un QCM --",
                    '_showConstraints -> false
                )
                
        @inputText(utilisateurQcmForm("note"), '_label -> "note sur 20")
        		
        		@input(
        				utilisateurQcmForm("date"),
        				'_label -> "Date de passage du QCM", '_showConstraints -> false) { (_, name, value, _) =>
        				  <div class="control-group ouv input-append date" id="datetimepicker">
        		     		<div class="controls">
        		        		<input type="text" id="date" name ="date" value="@utilisateurQcmForm.get().getDate().format("dd/MM/yyyy HH:mm")" required>
        		        		<span class="add-on">
        							<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
        			    		</span>
        		      		</div>
        		    </div>
        			 
        	    }
        @inputText(utilisateurQcmForm("duree"), '_label -> "duree du passage (en minutes)")    

        </fieldset>
            
            
            
        <br>
        
        <div class="actions">
        <a href="@routes.AdminUtilisateurQcm.indexUtilisateurQcm()" class="btn btn-primary"><i class="icon-white icon-circle-arrow-left"></i> Retour</a>
    	<button type="submit" class="btn btn-primary"> Enregistrer <i class="icon-white icon-circle-arrow-right"></i> </button>
        </div>
       </div>
    }
    
    @form(routes.AdminUtilisateurQcm.deleteUtilisateurQcm(id), 'class -> "topRight") {
            <input type="submit" value="Supprimer ce utilisateurQcm" class="btn danger">
        }
<script type="text/javascript">
$('#datetimepicker').datetimepicker({
format: 'dd/MM/yyyy hh:mm'
});

$('#datetimepicker').datetimepicker({
format: 'dd/MM/yyyy hh:mm'
});
</script>
  
}